<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>详情页面</title>
<link href="__PUBLIC__/css/css1.css" rel="stylesheet" type="text/css" />
<link href="__PUBLIC__/css/style.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="__PUBLIC__/js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="__PUBLIC__/js/jquery.easing.1.3.js"></script>

</head>

<body>
    <!--<div class="bodybg2"></div>-->
    <div class="cont">
        <div class="form">
            <input type="tel" name="phone" id="phone" class="input-tex" placeholder="手机号码" value="15823214287" />
            <input type="tel" name="room" id="room" class="input-tex" placeholder="房间号" />
            <div class="input-mar clearfix">
                <input type="tel" name="code" id="code" class="input-tex input-tex2" placeholder="验证码" value="313883" />
                <img src="__PUBLIC__/images/b1.png" class="query" atype="1"/>
            </div>
            <div class="cue" style="display: none;>
				尊敬的 <label class="room">101</label> 房间 <label class="nick">哈哈</label> 客人，您好！<br />
                你的租期是：<label class="time">2017-02-16 10:00 ~2017-02-17 14:00</label><br />
                查询不到你的信息，请与你的关机确认！
            </div>
        </div>
        <div class="butts clearfix">
            <a href="pay.html"><img src="__PUBLIC__/images/b4.png" style="margin: 0;"></a>
            <a href="javascript:void(0);" class="query" atype="2"><img src="__PUBLIC__/images/b3.png"></a>
            <a href="javascript:void(0);" class="query" atype="1"><img src="__PUBLIC__/images/b2.png"></a>
        </div>
    </div>


<div id="focusBar"> 
	<a href="javascript:void(0)" class="arrL" onclick="prePage()">&nbsp;</a>
	<a href="javascript:void(0)" class="arrR" onclick="nextPage()">&nbsp;</a>
	<ul class="mypng">
		<li id="focusIndex1">
			<div class="focusL"><img src="__PUBLIC__/images/0240ddc5fa163156719b498c45d4ded2.png" width="1000" height="644" /></div>
			<div class="focusR"><img src="__PUBLIC__/images/2a18e9128aad06d0b6b8d908ecf7c2a1.png" width="1000" height="644" /></div>
		</li>
		<li id="focusIndex2">
			<div class="focusL"><img src="__PUBLIC__/images/2d20716b5ecc36c5c9e35a7dfc1834a4.png" width="1000" height="644" /></div>
			<div class="focusR"><img src="__PUBLIC__/images/2a18e9128aad06d0b6b8d908ecf7c2a1.png" width="1000" height="644" /></div>
		</li>
		<li id="focusIndex3">
			<div class="focusL"><img src="__PUBLIC__/images/b249cfb8cebc4696d7a317181b823eb3.png" width="1000" height="644" /></div>
			<div class="focusR"><img src="__PUBLIC__/images/dc0e4583d9af6915d306cabb9ac6df64.png" width="1000" height="644" /></div>
		</li>
		<li id="focusIndex4">
			<div class="focusL"><img src="__PUBLIC__/images/b249cfb8cebc4696d7a317181b823eb3.png" width="1000" height="644" /></div>
			<div class="focusR"><img src="__PUBLIC__/images/dc0e4583d9af6915d306cabb9ac6df64.png" width="1000" height="644" /></div>
		</li>	    
	</ul>
</div>
<script type="text/javascript" src="__PUBLIC__/js/script.js"></script>
<script>
	$(document).ready(function() {
		$("#focusBar").on("click",function(){
		  $("#focusBar").fadeOut();
		  $(".cont").fadeIn();
		});
		
		$(".query").on('click', function(){
			var where = {};
				where.phone = $("#phone").val();
				where.code = $("#code").val();
				where.room = $("#room").val();
				where.type = $(this).attr('atype') || 1;
				
			$.post('./index.html', where, function(data){
				$(".cue").show().html(data.errMsg);
			},"JSON");
		});
	});
</script>
</body>
</html>
